<!DOCTYPE html>
<html lang="ar">
  <head>
    <meta charset="utf-8" />
    <base href="../../../" />
    <script src="page.js"></script>
    <link
      type="text/css"
      rel="stylesheet"
      href="page.css" />
  </head>
  <body class="rtl">
    [page:BufferGeometry] &rarr;

    <h1>[name]</h1>

    <p class="desc">
      [name] هي فئة هندسية لمكعب مستطيل مع 'العرض' المحدد ،
      'الارتفاع' و 'العمق'. عند الإنشاء ، يتم توسيط المكعب على الأصل ،
      مع كل حافة موازية لأحد المحاور.
      </p>

    <iframe
      id="scene"
      src="scenes/geometry-browser.html#BoxGeometry"></iframe>

    <script>

	    // iOS iframe auto-resize workaround

	    if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {

		    const scene = document.getElementById( 'scene' );

		    scene.style.width = getComputedStyle( scene ).width;
		    scene.style.height = getComputedStyle( scene ).height;
		    scene.setAttribute( 'scrolling', 'no' );

	    }

	  </script>

    <h2>مثال الكود</h2>

    <code>
const geometry = new THREE.BoxGeometry( 1, 1, 1 );
const material = new THREE.MeshBasicMaterial( {color: 0x00ff00} );
const cube = new THREE.Mesh( geometry, material );
scene.add( cube );
    </code>
      
    <h2>المنشئ (Constructor)</h2>

    <h3>
    [name]([param:Float width], [param:Float height], [param:Float depth],
    [param:Integer widthSegments], [param:Integer heightSegments],
    [param:Integer depthSegments])
    </h3>
    <p>
    width — العرض؛ أي طول الحواف الموازية لمحور X.
    اختياري؛ الافتراضي هو 1.
    <br />
    height — الارتفاع؛ أي طول الحواف الموازية لمحور Y.
    اختياري؛ الافتراضي هو 1.
    <br />
    depth — العمق؛ أي طول الحواف الموازية لمحور Z.
    اختياري؛ الافتراضي هو 1.
    <br />
    widthSegments — عدد الوجوه المستطيلة المقسمة على طول عرض
    الجانب. اختياري؛ الافتراضي هو 1.
    <br />
    heightSegments — عدد الوجوه المستطيلة المقسمة على طول ارتفاع
    الجانب. اختياري؛ الافتراضي هو 1.
    <br />
    depthSegments — عدد الوجوه المستطيلة المقسمة على طول عمق
    الجانب. اختياري؛ الافتراضي هو 1.
    <br />
    </p>
   
    <h2>الخصائص (Properties)</h2>
    <p>انظر فئة [page:BufferGeometry] الأساسية للخصائص المشتركة.</p>
   
    <h3>[property:Object parameters]</h3>
    <p>
    كائن يحتوي على خاصية لكل من معلمات المنشئ. أي تعديل بعد التجسيد لا يغير
    الهندسة.
    </p>
   
    <h2>الطرق (Methods)</h2>
    <p>انظر فئة [page:BufferGeometry] الأساسية للطرق المشتركة.</p>
   

    <h2>المصدر (Source)</h2>

    <p>
      [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
    </p>
  </body>
</html>
